<#import "/layout.html" as c>
    <@c.html title="Index">

    <style type="text/css">
        .mytable {
            color: #333;
            width: 96%;
            margin: 10px;
        }

        .mytable input {
            width: 120px;
            height: auto;
        }

        .mytable .lable {
            text-align: right;
            width: 100px;
            background: #eee;
        }
        .mytable .lable2 {
            text-align: right;
            width: 120px;
            background: #eee;
        }
        .mytable .lable3 {
            text-align: right;
        }
        .btn {
            padding-top: 1px;
            padding-bottom: 1px;
        }

        .mytable td {
            padding: 5px;
            vertical-align:middle;

        }

        .mytable button {
            float: right;
        }

        tbody {
            padding: 1px;
        }
        .inline-block{
            display: inline-block;
        }
        .w140{
            width: 140px;
            padding: 5px 11px;
        }
        select {
            min-width: 120px;
            padding: 7px 11px;
            font-size: 12px;
            color: #666;
            outline: none;
        }
    </style>

    <!-- 开始页面内容 -->
    <div id="content" class="content">

        <!-- 开始面包屑导航 -->
        <ol class="breadcrumb pull-right">
            <li><a href="javascript:;">首页</a></li>
            <#list menuState.breadCrumbList as breadCrumb>
                <li class="">${breadCrumb}</li>
            </#list>
        </ol>
        <!-- 结束面包屑导航 -->

        <!-- 开始页头区域 -->
        <h1 class="page-header">交易数据报表
            <small class="m-l-10">交易数据报表</small>
        </h1>
        <!-- 结束页头区域 -->

        <div class="row">
            <div class="col-md-12">
                <div  data-sortable-id="form-stuff-1">
                    <div class="clearfix">
                        <div class="col-md-4 p-l-0" style="width: 100%;paddding:10px 0;">
                            <div class="col-md-9 col-sm-8" style="width: 100%;height: 40px">
                               <label>统计时间&nbsp;: </label>
                                    <input id = "startTimeStr" type="text" class="form-control J-date-start inline-block w140" nc-format=""   data-parsley-required="true" format="yyyy-MM-dd HH:mm:ss" placeholder="请选择开始时间"  onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'});">
                                    <input id = "endTimeStr"  type="text" class="form-control J-date-end  inline-block w140" nc-format=""  data-parsley-required="true" format="yyyy-MM-dd HH:mm:ss" placeholder="请选择结束时间"  onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'});">
                                <!--<span>代理商：</span>-->
                                <label>代理商&nbsp;: </label>
                                <select id ="agentList">
                                    <option value ="" selected = "selected">全部</option>
                                    <#if agents?? && agents != "">
                                        <#list agents as agent>
                                            <option value ="${agent.id!}">${agent.name!}</option>
                                        </#list>
                                    </#if>
                                </select>
                                <a href="javascript:;" style="padding: 6px 10px" class="btn btn-danger btn-sm m-r-10" onclick="OperateHandle.doStat()"><i class="fa fa-calculator"></i>&nbsp;统计&nbsp;</a>
                                <button  id="exportExecute" type="button" >&nbsp;导出&nbsp;</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 交易汇总 begin row -->
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-inverse" data-no-drag="true">
                    <div class="panel-heading">
                        <div class="panel-heading-btn"></div>
                        <h4 class="panel-title">交易汇总</h4>
                    </div>
                    <div class="panel-body">
                        <div style="position: relative;">
                            <table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse;"
                                   class="mytable">
                                <tbody>
                                <tr>
                                    <td class="lable">用户数量</td>
                                    <td class="lable2">美黄金交易人数</td>
                                    <td class="lable3" id="userGC"></td>
                                    <td class="lable">点买数量</td>
                                    <td class="lable2">美黄金(手)</td>
                                    <td class="lable3" id="numBuyGC"></td>
                                    <td class="lable">点买盈亏</td>
                                    <td class="lable2">美黄金(元)</td>
                                    <td class="lable3" id="proBuyGC"></td>
                                    <td class="lable">跟单数量</td>
                                    <td class="lable2">美黄金(手)</td>
                                    <td class="lable3" id="numFolGC"></td>
                                    <td class="lable">跟单盈亏</td>
                                    <td class="lable2">美黄金(元)</td>
                                    <td class="lable3" id="proFolGC"></td>
                                </tr>
                                <tr>
                                    <td class="lable"></td>
                                    <td class="lable2">美原油交易人数</td>
                                    <td class="lable3" id="userCL"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">美原油(手)</td>
                                    <td class="lable3" id="numBuyCL"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">美原油(元)</td>
                                    <td class="lable3" id="proBuyCL"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">美原油(手)</td>
                                    <td class="lable3" id="numFolCL"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">美原油(元)</td>
                                    <td class="lable3" id="proFolCL"></td>
                                </tr>
                                <tr>
                                    <td class="lable"></td>
                                    <td class="lable2">美白银交易人数</td>
                                    <td class="lable3" id="userSI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">美白银(手)</td>
                                    <td class="lable3" id="numBuySI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">美白银(元)</td>
                                    <td class="lable3" id="proBuySI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">美白银(手)</td>
                                    <td class="lable3" id="numFolSI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">美白银(元)</td>
                                    <td class="lable3" id="proFolSI"></td>
                                </tr>
                                <tr>
                                    <td class="lable"></td>
                                    <td class="lable2">恒指交易人数</td>
                                    <td class="lable3" id="userHSI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">恒指(手)</td>
                                    <td class="lable3" id="numBuyHSI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">恒指(元)</td>
                                    <td class="lable3" id="proBuyHSI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">恒指(手)</td>
                                    <td class="lable3" id="numFolHSI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">恒指(元)</td>
                                    <td class="lable3" id="proFolHSI"></td>
                                </tr>
                                <tr>
                                    <td class="lable"></td>
                                    <td class="lable2">小恒指交易人数</td>
                                    <td class="lable3" id="userMHI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">小恒指(手)</td>
                                    <td class="lable3" id="numBuyMHI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">小恒指(元)</td>
                                    <td class="lable3" id="proBuyMHI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">小恒指(手)</td>
                                    <td class="lable3" id="numFolMHI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">小恒指(元)</td>
                                    <td class="lable3" id="proFolMHI"></td>
                                </tr>
                                <tr>
                                    <td class="lable"></td>
                                    <td class="lable2">德指交易人数</td>
                                    <td class="lable3" id="userDAX"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">德指(手)</td>
                                    <td class="lable3" id="numBuyDAX"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">德指(元)</td>
                                    <td class="lable3" id="proBuyDAX"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">德指(手)</td>
                                    <td class="lable3" id="numFolDAX"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">德指(元)</td>
                                    <td class="lable3" id="proFolDAX"></td>
                                </tr>
                                <tr>
                                    <td class="lable">合计</td>
                                    <td class="lable2"></td>
                                    <td class="lable3" id="totalUser"></td>
                                    <td class="lable"></td>
                                    <td class="lable2"></td>
                                    <td class="lable3" id="totalNumBuy"></td>
                                    <td class="lable"></td>
                                    <td class="lable2"></td>
                                    <td class="lable3" id="totalProBuy"></td>
                                    <td class="lable"></td>
                                    <td class="lable2"></td>
                                    <td class="lable3" id="totalNumFol"></td>
                                    <td class="lable"></td>
                                    <td class="lable2"></td>
                                    <td class="lable3" id="totalProFol"></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->

        <!-- 收益汇总 begin row -->
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-inverse" data-no-drag="true">
                    <div class="panel-heading">
                        <div class="panel-heading-btn"></div>
                        <h4 class="panel-title">收益汇总</h4>
                    </div>
                    <div class="panel-body">
                        <div style="position: relative;">
                            <table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse;"
                                   class="mytable">
                                <tbody>
                                <tr>
                                    <td class="lable">穿仓</td>
                                    <td class="lable2">美黄金(元)</td>
                                    <td class="lable3" id="penGC"></td>
                                    <td class="lable">手续费</td>
                                    <td class="lable2">美黄金(元)</td>
                                    <td class="lable3" id="feeGC"></td>
                                    <td class="lable">投资人分成</td>
                                    <td class="lable2">美黄金(元)</td>
                                    <td class="lable3" id="divGC"></td>
                                </tr>
                                <tr>
                                    <td class="lable"></td>
                                    <td class="lable2">美原油(元)</td>
                                    <td class="lable3" id="penCL"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">美原油(元)</td>
                                    <td class="lable3" id="feeCL"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">美原油(元)</td>
                                    <td class="lable3" id="divCL"></td>
                                </tr>
                                <tr>
                                    <td class="lable"></td>
                                    <td class="lable2">美白银(元)</td>
                                    <td class="lable3" id="penSI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">美白银(元)</td>
                                    <td class="lable3" id="feeSI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">美白银(元)</td>
                                    <td class="lable3" id="divSI"></td>
                                </tr>
                                <tr>
                                    <td class="lable"></td>
                                    <td class="lable2">恒指(元)</td>
                                    <td class="lable3" id="penHSI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">恒指(元)</td>
                                    <td class="lable3" id="feeHSI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">恒指(元)</td>
                                    <td class="lable3" id="divHSI"></td>
                                </tr>
                                <tr>
                                    <td class="lable"></td>
                                    <td class="lable2">小恒指(元)</td>
                                    <td class="lable3" id="penMHI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">小恒指(元)</td>
                                    <td class="lable3" id="feeMHI"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">小恒指(元)</td>
                                    <td class="lable3" id="divMHI"></td>
                                </tr>
                                <tr>
                                    <td class="lable"></td>
                                    <td class="lable2">德指(元)</td>
                                    <td class="lable3" id="penDAX"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">德指(元)</td>
                                    <td class="lable3"id="feeDAX"></td>
                                    <td class="lable"></td>
                                    <td class="lable2">德指(元)</td>
                                    <td class="lable3" id="divDAX"></td>
                                </tr>
                                <tr>
                                    <td class="lable">合计</td>
                                    <td class="lable2"></td>
                                    <td class="lable3" id="totalPen"></td>
                                    <td class="lable"></td>
                                    <td class="lable2"></td>
                                    <td class="lable3" id="totalFee"></td>
                                    <td class="lable"></td>
                                    <td class="lable2"></td>
                                    <td class="lable3" id="totalDiv"></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->

        <!-- 其他汇总 begin row -->
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-inverse" data-no-drag="true">
                    <div class="panel-heading">
                        <div class="panel-heading-btn"></div>
                        <h4 class="panel-title">其他汇总</h4>
                    </div>
                    <div class="panel-body">
                        <div style="position: relative;">
                            <table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse;"
                                   class="mytable">
                                <tbody>
                                <tr>
                                    <td class="lable">推广佣金支出</td>
                                    <td class="lable2">单位(元)</td>
                                    <td class="lable3" id="defray"></td>
                                    <td class="lable">积分抵扣</td>
                                    <td class="lable2">单位(元)</td>
                                    <td class="lable3" >0</td>
                                </tr>
                                <tr>
                                    <td class="lable">点买人可用余额</td>
                                    <td class="lable2">单位(元)</td>
                                    <td class="lable3" id="availableBuy"></td>
                                    <td class="lable">点买人冻结余额</td>
                                    <td class="lable2">单位(元)</td>
                                    <td class="lable3" id="freezeBuy"></td>
                                </tr>
                                <tr>
                                    <td class="lable">投资人可用余额</td>
                                    <td class="lable2">单位(元)</td>
                                    <td class="lable3" id="availableInv"></td>
                                    <td class="lable">投资人冻结余额</td>
                                    <td class="lable2">单位(元)</td>
                                    <td class="lable3" id="freezeInv"></td>
                                </tr>
                                <tr>
                                    <td class="lable">快捷充值金额 </td>
                                    <td class="lable2">单位(元)</td>
                                    <td class="lable3" id="quickAmo"></td>
                                    <td class="lable">支付宝充值金额</td>
                                    <td class="lable2">单位(元)</td>
                                    <td class="lable3" id="baoAmo"></td>
                                </tr>
                                <tr>
                                    <td class="lable">其它充值金额</td>
                                    <td class="lable2">单位(元)</td>
                                    <td class="lable3" id="otherAmo"></td>
                                    <td class="lable">用户提现金额</td>
                                    <td class="lable2">单位(元)</td>
                                    <td class="lable3" id="cashAmo"></td>
                                </tr>
                                <tr>
                                    <td class="lable">用户提现笔数</td>
                                    <td class="lable2">单位(笔)</td>
                                    <td class="lable3" id="cashNum"></td>
                                    <td class="lable"></td>
                                    <td class="lable2"></td>
                                    <td class="lable3"></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->

    </div>

</@c.html>

<!-- ================== 开始页面级JavaScrip调用 ================== -->
<script src="${pluginsRoot}bootstrap-wizard/js/bwizard.js"></script>
<!-- 表单checkbox项 -->
<script src="${pluginsRoot}bootstrap-switch/bootstrap-switch.min.js"></script>
<!-- 日历控件 -->
<script src="${pluginsRoot}/jquery.dtGrid/dependents/datePicker/WdatePicker.js" defer="defer"></script>
<script src="${jsRoot}form/orderForm.handle.js"></script>